.app {
    display: none;
}

#index #r3 .rowMain .con .box .pic {
    max-height: 50vh;
}

#index #r2 .rowMain .con .fr .cir-box.on .mid-box, #index #r2 .rowMain .con .fr .cir-box.on .mid-box h1, #index #r2 .rowMain .con .fr .cir-box.on .mid-box h5 {
    text-align: center;
}

#index #r2 .rowMain .con .fl > ul > li {
    width: 1.8rem;
}

#index #r1 .fr #i-item {
    justify-content: flex-start;
}

#group #r1 #teams > li.list .msg, #group #r2 #teams > li.list .msg {
    padding: 0 1rem 0 0;
}

#group #r1 #teams > li.list .photo > img, #group #r2 #teams > li.list .photo > img {
    box-shadow: 0 21px 80px -20px rgba(37, 113, 156, 0.3);
}

/*英文*/
.layout-down span.downTxt span {
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.en #bloc header nav.pc-nav > ul > li {
    width: auto;
}

.en #bloc header .childNav > ul > a {
    width: auto;
}

.en #index #r2 .rowMain .con .fl > ul > li {
    width: 2rem;
}

.en #index #r3 .rowMain .con .box {
    padding: 0.5rem 3% 0.5rem 10%;
}

.en #intro #r2 .rowMain .con .data-item > li > span > font {
    font-size: 34px;
}

.en #index #r1 .fr #i-item > li span {
    line-height: 18px;
}

.en #bloc header nav.pc-nav > ul > li > a {
    text-transform: uppercase;
    white-space: nowrap;
}

.en #bloc footer .f-con .list.right {
    width: 180px;
}

.en #bloc footer .f-con .list.left {
    width: 210px;
}

.en #bloc footer .f-con .list.mid {
    width: calc(100% - 430px);
    max-width: 960px;
}

.en #smart #r1 .rowMain .con .other > div > span:after {
    display: none;
}

.en .f-70 {
    font-size: 56px;
}

.en .f-60 {
    font-size: 46px;
}

.en .f-50 {
    font-size: 36px;
}

.en .f-48 {
    font-size: 34px;
}

.en .f-46 {
    font-size: 32px;
}

.en .f-44 {
    font-size: 30px;
}

.en .f-42 {
    font-size: 30px;
}

.en .f-40 {
    font-size: 28px;
}

.en .f-38 {
    font-size: 26px;
}

.en .f-36 {
    font-size: 24px;
}

.en .f-34 {
    font-size: 24px;
}

.en .f-32 {
    font-size: 22px;
}

.en .f-30 {
    font-size: 22px;
}

.en .f-28 {
    font-size: 20px;
}

.en .f-26 {
    font-size: 20px;
}

.en .f-24 {
    font-size: 18px;
}

.en .f-22 {
    font-size: 18px;
}

.en .f-20 {
    font-size: 16px;
}

.en .f-18 {
    font-size: 16px;
}

.en .f-16 {
    font-size: 14px;
}

.en .f-14 {
    font-size: 12px;
}

.en .f-12 {
    font-size: 12px;
}

.ie #history #r2 .time-line .time-city .city-bg {
    background-size: auto;
}

@media screen and (max-width: 1600px) {
    .ie .layout-rowMain {
        width: 1200px;
    }

    html {
        font-size: 80px;
    }

    a, span, li, b, i, label, p, strong, div, h1, h2, h3, h4, h5, h6, small, em, li, pre, form, fieldset, legend, button, input, textarea, th, td {
        font-size: 14px;
    }

    .f-60 {
        font-size: 58px;
    }

    .f-50 {
        font-size: 42px;
    }

    .f-48 {
        font-size: 40px;
    }

    .f-46 {
        font-size: 40px;
    }

    .f-44 {
        font-size: 40px;
    }

    .f-42 {
        font-size: 40px;
    }

    .f-40 {
        font-size: 38px;
    }

    .f-38 {
        font-size: 36px;
    }

    .f-36 {
        font-size: 34px;
    }

    .f-34 {
        font-size: 32px;
    }

    .f-32 {
        font-size: 30px;
    }

    .f-30 {
        font-size: 28px;
    }

    .f-28 {
        font-size: 24px;
    }

    .f-26 {
        font-size: 24px;
    }

    .f-24 {
        font-size: 22px;
    }

    .f-22 {
        font-size: 20px;
    }

    .f-20 {
        font-size: 18px;
    }

    .f-18 {
        font-size: 16px;
    }

    .f-16 {
        font-size: 14px;
    }

    .f-14 {
        font-size: 12px;
    }

    .f-12 {
        font-size: 12px;
    }

    .en .f-70 {
        font-size: 56px;
    }

    .en .f-60 {
        font-size: 36px;
    }

    .en .f-50 {
        font-size: 32px;
    }

    .en .f-48 {
        font-size: 30px;
    }

    .en .f-46 {
        font-size: 30px;
    }

    .en .f-44 {
        font-size: 28px;
    }

    .en .f-42 {
        font-size: 28px;
    }

    .en .f-40 {
        font-size: 26px;
    }

    .en .f-38 {
        font-size: 26px;
    }

    .en .f-36 {
        font-size: 24px;
    }

    .en .f-34 {
        font-size: 24px;
    }

    .en .f-32 {
        font-size: 22px;
    }

    .en .f-30 {
        font-size: 22px;
    }

    .en .f-28 {
        font-size: 20px;
    }

    .en .f-26 {
        font-size: 20px;
    }

    .en .f-24 {
        font-size: 18px;
    }

    .en .f-22 {
        font-size: 16px;
    }

    .en .f-20 {
        font-size: 16px;
    }

    .en .f-18 {
        font-size: 14px;
    }

    .en .f-16 {
        font-size: 14px;
    }

    .en .f-14 {
        font-size: 12px;
    }

    .en .f-12 {
        font-size: 12px;
    }

    #pro_detail #r1 .menu .list {
        margin: 8px 0;
    }

    .mb-36 {
        margin-bottom: 24px;
    }
}

.en #history #r2 .time-line .time-city .time-event > li h3 {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.en #history #r2 .time-line .time-city .time-event > li.on h3 {
    width: 100%;
    white-space: nowrap;
    text-overflow: inherit;
    overflow: visible;
}

.en #history #r2 .time-line .time-city .time-event > li {
    max-width: 26vw;
}

@media screen and (max-width: 1440px) {
    #pro_detail #r1 .menu {
        left: calc(22vw - 34px);
    }

    #pro_detail #r1 .menu .list {
        width: 68px;
        height: 68px;
        line-height: 68px;
        margin: 12px 0;
    }

    #pro_detail #r1 .menu .list > span > i {
        font-size: 24px;
    }

    #pro_detail #r1 .menu .list > span {
        width: 50px;
        height: 50px;
        line-height: 50px;
        left: 9px;
    }

    #history #r2 .time-line {
        padding-top: 4.8rem;
    }
}

@media screen and (max-width: 1366px) {
    .f-32 {
        font-size: 24px;
    }

    .f-48 {
        font-size: 36px;
    }

    .f-40 {
        font-size: 32px;
    }

    .f-20 {
        font-size: 16px;
    }

    .f-18 {
        font-size: 15px;
    }

    #history #r2 .time {
        margin-top: 0.4rem;
    }

    #history #r2 .time-line .time-city .time-event > li h3 {
        height: 38px;
        margin-bottom: 2px;
    }

    #history #r2 .time-line .time-city .time-event > li > ol > li span {
        font-size: 13px;
    }
}

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 800px) {
    .pc {
        display: none;
    }

    .app {
        display: inline-block;
    }

    html {
        font-size: 50px;
    }

    p {
        font-size: 12px;
        line-height: 1.6;
    }

    .f-70 {
        font-size: 36px;
    }

    .f-60 {
        font-size: 24px;
    }

    .f-50 {
        font-size: 22px;
    }

    .f-48 {
        font-size: 22px;
    }

    .f-46 {
        font-size: 20px;
    }

    .f-44 {
        font-size: 20px;
    }

    .f-42 {
        font-size: 20px;
    }

    .f-40 {
        font-size: 18px;
    }

    .f-38 {
        font-size: 18px;
    }

    .f-36 {
        font-size: 18px;
    }

    .f-34 {
        font-size: 16px;
    }

    .f-32 {
        font-size: 16px;
    }

    .f-30 {
        font-size: 16px;
    }

    .f-28 {
        font-size: 16px;
    }

    .f-26 {
        font-size: 14px;
    }

    .f-24 {
        font-size: 14px;
    }

    .f-22 {
        font-size: 14px;
    }

    .f-20 {
        font-size: 14px;
    }

    .f-18 {
        font-size: 12px;
    }

    .f-16 {
        font-size: 12px;
    }

    .f-14 {
        font-size: 12px;
    }

    .f-12 {
        font-size: 12px;
    }

    .en .f-70 {
        font-size: 28px;
    }

    .en .f-60 {
        font-size: 22px;
    }

    .en .f-50 {
        font-size: 22px;
    }

    .en .f-48 {
        font-size: 22px;
    }

    .en .f-46 {
        font-size: 22px;
    }

    .en .f-44 {
        font-size: 22px;
    }

    .en .f-42 {
        font-size: 22px;
    }

    .en .f-40 {
        font-size: 20px;
    }

    .en .f-38 {
        font-size: 18px;
    }

    .en .f-36 {
        font-size: 18px;
    }

    .en .f-34 {
        font-size: 18px;
    }

    .en .f-32 {
        font-size: 16px;
    }

    .en .f-30 {
        font-size: 16px;
    }

    .en .f-28 {
        font-size: 16px;
    }

    .en .f-26 {
        font-size: 14px;
    }

    .en .f-24 {
        font-size: 14px;
    }

    .en .f-22 {
        font-size: 14px;
    }

    .en .f-20 {
        font-size: 12px;
    }

    .en .f-18 {
        font-size: 12px;
    }

    .en .f-16 {
        font-size: 12px;
    }

    .en .f-14 {
        font-size: 12px;
    }

    .en .f-12 {
        font-size: 12px;
    }

    .after-inner #top .banner {
        min-height: 150px;
    }

    #intro #r2 .rowMain .con .data-item > li > span > font {
        font-size: 18px;
    }

    #intro #r2 .rowMain .con .data-item > li > span > img {
        height: 45%;
    }

    #bloc header .childNav {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    #bloc header {
        height: 50px;
        line-height: 50px;
    }

    #bloc header #logo {
        height: 58%;
    }

    #bloc header .childNav.on {
        height: 55px;
    }

    .layout-search, .layout-search input {
        height: 36px;
        line-height: 36px;
    }

    .max-wid {
        width: 90%;
    }

    #bloc footer .f-con .list.mid {
        display: none;
    }

    .layout-down, .layout-down span.downIcon {
        height: 30px;
        line-height: 30px;
    }

    .max-wid {
        width: 90%;
    }

    .wid-50 {
        width: 100%;
    }

    small {
        font-size: 12px;
    }

    #index #top .indexBanner #component nav {
        top: auto;
    }

    #index #top .indexBanner #component nav .movePrev {
        font-size: 16px;
    }

    .after-inner #top .banner > img {
        opacity: 0;
        pointer-events: auto;
    }

    #bloc footer {
        position: relative;
        transform: none;
        pointer-events: auto;
    }

    #bloc footer .f-con .list.right {
        width: 49%;
    }

    #bloc footer .f-con .list.right > img {
        width: 78%;
    }

    #bloc footer .f-con .list.left {
        width: 49%;
    }

    #bloc footer .f-con .list.left > img {
        max-width: 90%;
    }

    #bloc footer .f-con .list.left > ol > a {
        font-size: 28px;
    }

    /*首页*/
    #index {
        height: auto;
    }

    #index .row {
        position: relative;
        opacity: 1;
    }

    #index .row {
        height: 60vh;
    }

    #index .title small {
        font-size: 16px;
    }

    #index #top .indexBanner #component .Tcon .txtChange li {
        top: 0;
    }

    #index #top .indexBanner #component .Tcon .txtChange small {
        letter-spacing: 0;
    }

    #index #r1 .fl, #index #r1 .fr {
        width: 100%;
    }

    #index #r1 .fl .con {
        width: 86%;
    }

    #index #r2 {
        height: auto;
    }

    #index #r2 .rowMain .con .fr .cir-box .mid-box > i {
        font-size: 20px;
    }

    #index #r2 .rowMain .con .fr .cir-box.on .mid-box h1 {
        font-size: 12px;
        width: 120px;
    }

    #index #r2 .rowMain {
        width: 90%;
        padding-top: 0;
    }

    #index #r2 .rowMain .con .fl > ul > li > i {
        display: none;
    }

    #index #r2 .rowMain .con .fl > ul > li {
        min-width: 80px;
        min-height: 60px;
    }

    #index #r2 .rowMain .con .fr {
        height: 50vh;
    }

    #index #r2 .rowMain .con .fr .cir-box {
        left: 10%;
    }

    #index #r3 {
        height: auto;
    }

    #index #r3 .rowMain {
        padding-top: 0.6rem;
        width: 90%;
    }

    #index #r3 .rowMain .con .box .note {
        display: none;
    }

    #index #r3 .rowMain .con .box {
        width: 100%;
        margin-left: 0;
        padding-left: 4%;
        padding-right: 4%;
        padding-bottom: 0.5rem;
    }

    #index #r3 .rowMain .con .box .pic {
        position: relative;
        width: 100%;
        right: 0;
        top: 100%;
        bottom: auto;
        margin-top: 0.3rem;
    }

    #index #r3 .rowMain .con {
        height: calc(100vh - 4.2rem - 100px);
    }

    #index .title {
        margin-bottom: 30px;
    }

    #index #r3 .rowMain {
        padding-bottom: 0.4rem;
    }

    /*集团概况*/
    #intro #r1 .rowMain .con, #intro #r2 .rowMain .con, #intro #r3 .rowMain .con {
        width: 100%;
    }

    #intro #r1 .rowMain > img {
        position: relative;
    }

    #intro #r2 .rowMain > img {
        display: none;
    }

    #intro #r1 .rowMain .con > ul > li {
        margin-bottom: 0.3rem;
    }

    #intro #r3 .rowMain .box {
        position: relative;
        width: 100%;
    }

    #intro #r3 .rowMain .box .item {
        justify-content: space-between;
        margin-bottom: 20px;
    }

    #intro #r3 .rowMain .box .item > li {
        margin-left: 0;
    }

    #intro #r4 .rowMain {
        padding-top: 0.8rem;
    }

    #intro #r4 .rowMain .box #layer-item {
        height: 70px;
    }

    #intro #r4 .rowMain .con .item > li {
        width: 100% !important;
        margin-bottom: 20px;
    }

    #intro #r1 .rowMain .con > ul > li .note small {
        display: none;
    }

    /*发展历程*/
    #history #r1 .rowMain {
        width: 90%;
    }

    #history #r1 {
        margin-bottom: 0.6rem;
    }

    #history #r3 .time-event2 {
        margin-top: 25px;
    }

    /*成员企业*/
    #member #r1 .list .con .box .msg {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0.6rem;
    }

    #member #r1 .list {
        margin-top: 70vw;
    }

    #member #r1 .list.left .con .box .msg {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    #member #r1 .list.right .con .box .msg {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    #member #r1 .list.left .con .item {
        width: 100%;
        margin: 0;
    }

    #member #r1 .list .con .item {
        width: 100%;
    }

    #member #r1 .list .con .item > li {
        flex-basis: 44%;
    }

    #member #r1 .list .con .box .pro-box {
        width: 30%;
    }

    #member #r1 .list.left .pic, #member #r1 .list.right .pic {
        width: 100%;
        max-width: 100%;
        top: auto;
        bottom: 100%;
        z-index: -1;
    }

    #member #r1 .list.right .con .box .pro-box {
        right: 4%;
    }

    /*集团管理*/
    #group #r2 #teams > li.list {
        flex-wrap: wrap;
    }

    #group #r2 #teams > li.list .photo {
        width: 90%;
        margin-bottom: 30px;
    }

    #group #r2 #teams > li.list .msg {
        width: 100%;
        padding: 0;
    }

    /*合作伙伴*/
    #partner #r1 .con {
        flex-wrap: wrap;
        margin-bottom: 0.5rem;
    }

    #partner #r1 .con .left, #partner #r1 .con .right {
        width: 100%;
    }

    #partner #r1 .con .left .peopel-item .man {
        width: 16px !important;
    }

    #partner #r1 .con .right .list {
        margin: 10px auto !important;
        width: 90%;
    }

    #partner #r1 .con .right .list h3 {
        font-weight: bold;
    }

    #partner #r1 .con .right .list p {
        line-height: 2;
        margin-top: 8px;
    }

    /*建霖荣誉*/
    #honor #r1 .rowMain {
        width: 100%;
    }

    #honor #r1 .title {
        width: 90%;
        margin: auto;
    }

    #honor #r1 .con #roll .left .msg h2 img {
        width: 36px;
    }

    #honor #r1 .con #roll .left {
        width: 35%;
        margin-left: 5%;
    }

    #honor #r1 .con #roll .right {
        width: 75vw;
    }

    #honor #r1 .con #roll .left h3:after {
        display: none;
    }

    /*社会责任*/
    #duty #r1 {
        padding-top: 0.4rem;
    }

    #duty #r1 #roll .con .top > span {
        opacity: 0;
    }

    #duty #r1 #roll .con .top > span .pic-num {
        font-size: 60px;
    }

    #duty #r1 #roll .con .top .topic .list h2 {
        height: 32px;
    }

    #duty #r1 #roll .con .top:after {
        left: -5vw;
    }

    #duty #r1 #roll .con .box {
        flex-wrap: wrap;
    }

    #duty #r1 #roll .con .box .fl .msg h2 {
        height: auto;
        line-height: 20px;
    }

    #duty #r1 #roll .con .box .fl .msg p {
        height: 109px;
    }

    #duty #r1 #roll .con .box .fl, #duty #r1 #roll .con .box .fr {
        width: 100%;
    }

    #duty #r1 #roll .other .roll-page {
        top: 74%;
    }

    /*技术创新*/
    #design #r1 {
        margin-top: 0.6rem;
    }

    #design #r1 .con .box.col1 .pic-box {
        opacity: 0;
        pointer-events: auto;
    }

    #design #r1 .con .box.col1 {
        padding-right: 0;
    }

    #design #r1 .con .box.col2 .icon-item {
        align-items: flex-start;
        flex-wrap: wrap;
        margin: 0.5rem 0;
    }

    #design #r1 .con .box.col2 .icon-item > span {
        display: none;
    }

    #design #r1 .con .box.col3 > img {
        width: 100%;
        margin-bottom: 0.4rem;
    }

    /*科技研发*/
    #tech #r1 {
        margin-top: 32vw;
    }

    #tech #r1 .title {
        width: 55%;
    }

    #tech #r1 .title > div {
        font-size: 12px;
        font-weight: lighter;
    }

    #tech #r1 .rowMain .con .other {
        width: 45%;
        bottom: 105%;
        top: auto;
    }

    #tech #r1 .rowMain .con {
        padding-right: 0;
    }

    #tech #r1 .rowMain .con .other h1 {
        height: 64px;
        line-height: 64px;
    }

    #tech #r1 .rowMain .con .other > div {
        height: calc(100% - 70px);
    }

    #tech #r2 .rowMain .con > ul > li {
        width: 2.3rem;
    }

    #tech #r2 .rowMain > img, #tech #r3 .rowMain .box .photo {
        display: none;
    }

    #tech #r3 .con {
        width: 100%;
    }

    #tech #r2 .rowMain .con, #tech #r3 .rowMain .box > ul {
        width: 100%;
        flex-wrap: wrap;
    }

    #tech #r2 .rowMain .con h2, #tech #r3 .rowMain .con h2, #tech #r4 .rowMain .con h2 {
        line-height: 24px;
    }

    #tech #r2 .rowMain .con h2 > span, #tech #r3 .rowMain .con h2 > span, #tech #r4 .rowMain .con h2 > span {
        font-size: 50px;
        line-height: 65px;
    }

    #tech #r3 .rowMain .box > ul > li {
        width: 26%;
        margin-bottom: 20px;
    }

    #tech #r3 .rowMain .box:after {
        display: none;
    }

    #tech #r4 .rowMain .con > ul > li {
        flex-basis: 50%;
    }

    /*品质管控*/
    #quality #r1 .con #tab > li {
        flex-basis: 50%;
        margin-bottom: 10px;
    }

    #quality #r1 .con #tab > li > i {
        font-size: 22px;
        line-height: inherit;
    }

    #quality #r1 .con .box {
        padding-top: 0.4rem;
    }

    #quality #r1 .con .box .part#part1 > li {
        margin: 0.2rem;
    }

    #quality #r1 .con .box .part#part2 > li {
        width: 30%;
        padding: 10px 20px;
    }

    #quality #r1 .con .box .part#part3 > li > img {
        height: auto;
    }

    #quality #r1 .con .box .part#part3 > li > .pic {
        display: none;
    }

    /*智能制造*/
    #smart #r1 .rowMain .title, #smart #r1 .rowMain .con {
        padding-right: 0;
    }

    #smart #r1 .rowMain .con .other {
        width: 46%;
        top: 104%;
        right: 0;
    }

    #smart #r1 .rowMain .con .other h1 {
        height: 74px;
        line-height: 74px;
    }

    #smart #r1 {
        margin-bottom: 10vw;
    }

    #smart #r1 .rowMain .row-mask {
        width: 55%;
    }

    #smart #r1 .rowMain .con .other {
        display: none;
    }

    #smart #r2 {
        padding-top: 0;
    }

    #smart #r2 .rowMain .con {
        width: 100%;
    }

    #smart #r2 .rowMain .pic {
        width: 78%;
    }

    #smart #r2 .rowMain .con .smart-item > li {
        flex-basis: 47%;
        margin: 10px 0;
    }

    #smart #r3 .con .smart-item1 > li {
        flex-basis: 100%;
        margin: 5px 0;
    }

    #smart #r3 .con .canvas-box {
        height: 240px;
    }

    #smart #r2 .rowMain .title h3, #smart #r5 .rowMain .title h3, #smart #r6 .rowMain .title h3, #smart #r7 .rowMain .title h3 {
        line-height: 24px;
    }

    #smart #r2 .rowMain .title h3 > span, #smart #r5 .rowMain .title h3 > span, #smart #r6 .rowMain .title h3 > span, #smart #r7 .rowMain .title h3 > span {
        font-size: 50px;
        line-height: 65px;
    }

    #smart #r4 .rowMain .con {
        width: 100%;
        margin-bottom: 0.4rem;
    }

    #smart #r5 {
        margin-top: 0.2rem;
    }

    #smart #r5 .con .smart-item2 {
        flex-wrap: wrap;
        margin-top: 0.3rem;
    }

    #smart #r5 .con .smart-item2 > li {
        width: 100%;
        margin: 10px 0;
    }

    #smart #r6 .con .smart-item3 > li {
        margin: 10px 0;
        width: 46%;
    }

    #smart #r6 .con .msg > img {
        width: 32%;
        bottom: 100%;
        top: auto;
    }

    #smart #r7 {
        margin-top: 0.6rem;
    }

    #smart #r7 .con .smart-item4 > li {
        width: 100%;
        margin: 10px 0;
    }

    #smart #r7 .con .msg .box {
        width: 100%;
    }

    #smart #r7 .con .msg > img {
        margin-left: 40%;
        width: 60%;
    }

    #smart #r7 .con .msg {
        margin-top: -1.8rem;
    }


    /*服务能力*/
    #service #r1 .con > ul > li > p {
        white-space: nowrap;
    }

    #service #r1 .con > ul > li > img {
        width: 40px;
    }

    #service #r1 .con > ul > li > span.line {
        margin-top: 60px;
    }

    #service #r2 .con .list {
        flex-wrap: wrap;
        padding: 0;
        margin-bottom: 1.6rem;
    }

    #service #r2 .con .list .num-pic {
        height: 100px;
        margin-bottom: 16px;
    }

    #service #r2 .con .list p {
        width: 100%;
        display: block;
    }

    #service #r2 .con .list .pa-box, #service #r2 .con .list .bg1 {
        display: none;
    }

    #service #r2 .con .list .note {
        top: 80px;
        right: 0;
        bottom: auto;
        left: auto;
    }

    #service #r2 .con .list.right .note {
        right: 0;
    }

    #service #r2 .con .list.right .bg {
        right: 0;
        left: auto;
    }

    /*集团新闻*/
    #new #r1 .con .left, #new #r1 .con .right {
        width: 100%;
    }

    #new #r1 .con .right {
        margin-top: 20px;
    }

    #new #r2 #new-item > li {
        position: relative;
        margin-bottom: 32px;
        flex-wrap: wrap
    }

    #new #r2 #new-item > li .msg {
        width: 100%;
        padding-right: 0;
    }

    #new #r2 #new-item > li .pic {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }

    #new #r2 #new-item > li .date {
        position: absolute;
        top: 0;
        left: 0;
    }

    #new_detail #r1 .title {
        margin: 0.6rem 0;
    }

    /*动态公告*/
    #ad #r2 .con {
        padding: 20px;
    }

    #ad #r2 .con .top .tab, #ad #r2 .con .top, #ad #r2 .con .mid .part > li {
        flex-wrap: wrap
    }

    #ad #r2 .con .top {
        justify-content: center;
    }

    #ad #r2 .con .top .tab {
        width: 100%;
    }

    #ad #r2 .con .top .tab > li {
        padding: 8px 10px;
        margin-bottom: 10px;
        margin-right: 0;
        flex-basis: 45%;
    }

    #ad #r2 .con .mid .part > li > div {
        width: 100%;
    }

    #ad #r2 .con .mid .part > li > span {
        margin-bottom: 5px;
    }

    #ad #r2 .con .mid .part > li > div > span, #ad #r2 .con .mid .part > li > div > a {
        font-size: 12px;
    }

    /*视频及下载*/
    #video #r1 .title > li, #download #r1 .title > li {
        margin: 0 6px;
        padding: 8px;
    }

    #video #r1 .con .part .box, #download #r1 .con .part .box {
        width: 100%;
    }

    /*联系我们*/
    #contact #r1 {
        margin-top: 0.5rem;
    }

    #contact #r1 .title .msg {
        width: 84%;
        left: 0;
    }

    #contact #r1 .title .msg .note > li > span img {
        width: 50%;
    }

    /*招贤纳士*/
    #job #r2 .con .title {
        text-align: right;
        width: 40%;
        padding: 0;
        opacity: 0;
        pointer-events: none;
    }

    #job #r2 .con .icon-item {
        width: 100%;
    }

    #job #r2 .photo-item {
        padding-top: 3rem;
    }

    #job #r2 .photo-item .bg {
        top: 3rem;
    }

    #job #r2 .photo-item .bg .num {
        font-size: 52px;
        bottom: 74%;
    }

    #job #r2 .photo-item .msg-item .box {
        width: 82%;
        padding: 5% 6%;
    }

    #job #r2 .photo-item .msg-item .box .page-nav .iconfont {
        width: 36px;
        height: 36px;
        line-height: 38px;
        font-size: 24px;
    }

    #job #r3 .con .list {
        width: 100%;
        margin-bottom: 20px;
    }

    /*产品*/
    #pro #r1 .box {
        height: 18vh;
    }

    #pro #r1 .msg {
        top: 6vh;
    }

    #pro #r1 .menu {
        right: 2vw;
    }

    #pro #r1 .menu .list {
        width: 56px;
        height: 56px;
        line-height: 56px;
        margin: 4px 0;
    }

    #pro #r1 .menu .list > span > i {
        font-size: 20px;
    }

    #pro #r1 .menu .list > span {
        width: 42px;
        height: 42px;
        line-height: 42px;
        left: 7px;
    }

    /*产品详情*/
    #pro_detail #r1 {
        margin-top: 0.6rem;
    }

    #pro_detail #r1 .left {
        width: 100%;
        position: relative;
    }

    #pro_detail #r1 .left .msg-item {
        position: relative;
    }

    #pro_detail #r1 .right {
        width: 100%;
        margin-left: 0;
    }

    #pro_detail #r1 .left .msg-item .msg {
        width: 80%;
    }

    #pro_detail #r1 .left .msg-item .msg > img {
        width: auto;
        margin-bottom: 20px;
        height: 190px;
    }

    #pro_detail #r1 .left .msg-item .msg .line {
        margin: 12px 0 24px 0;
    }

    #pro_detail #r1 .menu {
        left: auto;
        right: 10vw;
        top: 0;
        transform: none;
    }

    #pro_detail #r1 .menu .list {
        width: 56px;
        height: 56px;
        line-height: 56px;
        margin: 4px 0;
    }

    #pro_detail #r1 .menu .list > span > i {
        font-size: 20px;
    }

    #pro_detail #r1 .menu .list > span {
        width: 42px;
        height: 42px;
        line-height: 42px;
        left: 7px;
    }

    #pro_detail #r1 .right .myloop .roll-item .roll-box .swiper-item > li {
        width: 80px;
        height: 80px;
        padding: 4px;
        margin: 0 4px;
    }

    #pro_detail #r1 .right .myloop {
        width: 264px;
        right: calc(50vw - 132px);
    }

    #pro_detail #r1 .right .myloop .roll-item .roll-top > i {
        width: 36px;
        height: 36px;
        line-height: 36px;
    }

    #pro_detail #r1 .right .myloop .roll-item .roll-box .swiper-item > li .i-img {
        height: 32px;
    }

    #pro_detail #r1 .right .myloop .roll-item .roll-box .swiper-item > li .note > small {
        display: none;
    }

    #pro_detail #r1 .right .myloop .roll-item .roll-box .swiper-item > li .i-img > i {
        display: none;
    }

}

@media screen and (max-width: 340px) {
    #index #r2 .rowMain .con .fr .cir-box {
        width: 90%;
        left: 5%;
    }
}

@media screen and (max-height: 690px) {
    #index #r3 .rowMain .con .box .pic {
        width: 36vw;
    }
}

/*20220524*/


@media screen and (orientation: portrait) {
    .bus_list_box a {
        width: 100%;
        margin-right: 0;
    }

    .bus_list_box a .bus_title {
        font-size: .32rem;
    }

    .bus_list_box a .bus_title span {
        font-size: .32rem;
    }

    .bus_list_box a .bus_info {
        font-size: .28rem;
    }

    .bus_list_box a .img_name {
        font-size: .28rem;
    }

    #index #r2 {
        padding-top: .6rem;
    }

}